* {
    padding: 0px;
    margin: 0px;
}
#clock {
    width: 800px;
    height: 800px;
    /* border: 1px solid red; */
    margin: auto;
    background: url("../imgs/timg.png") 0px 0px no-repeat;
    background-size: 100% 100%;
    position: relative;
    top:-42px;
    left:-14px;
    transform:scale(0.283);
}
.second {
    width: 22px;
    height: 373px;
    /* border: 1px solid red; */
    background: url("../imgs/pointer.png") -9px 0px no-repeat;
    background-size: 606% 100%;
    position: absolute;
    left: 393px;
    top: 135px;
    /* opacity:0.5; */
    transform:rotate(0deg);
    transform-origin:11px 273px;
}
.secHead{
    width:40px;
    height:40px;
    background:url("../imgs/dog.jpg") 0px 0px no-repeat;
    background-size:100% 100%;
    position:absolute;
    left:-10px;
    top:64px;
    border-radius:50%;
}
.minute{
    width: 22px;
    height: 373px;
    /* border: 1px solid red; */
    background: url("../imgs/pointer.png") -53px 0px no-repeat;
    background-size: 606% 100%;
    position: absolute;
    left: 393px;
    top: 135px;
    /* opacity:0.5; */
    transform:rotate(0deg);
    transform-origin:11px 273px;
}
.hour{
    width: 31px;
    height: 373px;
    /* border: 1px solid red; */
    background: url("../imgs/pointer.png") -101px 0px no-repeat;
    background-size: 468% 100%;
    position: absolute;
    left: 389px;
    top: 135px;
    /* opacity:0.5; */
    transform:rotate(0deg);
    transform-origin:16px 273px;
}
#btnSound{
    width:80px;
    height:80px;
    border-radius:50%;
    border:5px solid darkgray;
    position:absolute;
    left:20px;
    top:20px;
}
.muteBack{
    background:url("../imgs/mute.png") 2px 3px no-repeat;
}
.soundBack{
    background:url("../imgs/sound.png") 2px 3px no-repeat;
    animation:rotateBtn 5s linear infinite;
}
@keyframes rotateBtn{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg)
    }
}